Code Playground

<section class="center">
  <div hidden >
    <div data-name="popover-content">
      <div class="input-group">
        <input type="text" class="form-control form-control-sm" placeholder="Search" name="search">
        <div class="input-group-btn">
          <button class="btn btn-primary" type="submit">
            <i class="bi bi-search fa fa-search"></i>
          </button>
        </div>
      </div>
    </div>
  </div>
  <button id="popover-btn" type="button" class="btn btn-lg btn-primary" data-bs-toggle="popover" data-bs-title="Popover title" data-bs-content="And here's some amazing content. It's very engaging. Right?">Click to toggle popover</button>

</section>
<script src='https://code.jquery.com/jquery-3.6.4.min.js'></script>
<script src='https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js'></script>

Frontend Forever App